// import React, { useEffect, useRef, useState } from 'react'
// import Child1 from './components/Child1'
// import { Outlet } from 'react-router-dom'

// function App1() {
//   const [num,setNum]=useState<number | string >(5)
//   const timer=useRef(null)
//   const aa:string='111'// 基础类型
//   const bb:string|number=222 // 联合类型
//   const cc:string[]=['1','2'] // 元组类型
//   const dd:{name:string,age:number}={
//     name:'张三',
//     age:18
//   } // 对象类型

  
//   interface aType{
//     name:string
//     age:number
//     arr:string[]
//   }

//   interface bType{
//     obj:object
//   }

//   type cType=aType&bType // 交叉类型

//   const ee:cType={
//     name:'张三',
//     age:18,
//     arr:[],
//     obj:{}
//   }

  

  
  
//   useEffect(()=>{

//     timer.current=setInterval(()=>{
//         setNum((c)=>c+1)
//       },1000)
//       return()=>{
//         clearInterval(timer.current)
//       }
//   },[])
//   return (
//     <div>
//       <span>{aa}{bb}{cc}</span>
//       <Child1 title={num}/>
//       <h2>{ee.name}</h2>
//     </div>
//   )
// }

// export default App1
